
<% include ../common/bootstrapHead %>
<body>
<% include ../common/firstNav %>
 
<style>
body{background:#efefef;}
#js_main{margin-top:30px;}
.c1{width:100%;height:auto;max-height:300px;max-width:400px;border:8px solid #fff;border-radius:5px;box-shadow:0 0 4px #787878;}
.c2{position:relative;height:50px;line-height:50px;background:rgba(0,0,0,0.6);color:#eee;top:-50px;font-size:20px;text-align:right;}
.col-lg-4{margin-top:20px;}
</style>

<div class="container" style="margin-top:40px;">
    <div id="js_main" class="row">
        
        
    </div><!-- /.row -->


    <% include ../common/copyright %>
</div>

<script type="text/x-handlebars-template" id="js_photo_tpl">
    {{#elem}}
    <div class="col-lg-4">
        <img class="c1" src="{{url}}" alt="{{info}}" />
    </div>
    {{/elem}}
</script>


</body>
<% include ../common/bootstrapFoot %>
<script>

seajs.use('/photo/js/index.js', function(JS){
    JS.init();
});
</script>
